/* *{margin:0 0;padding:0 0;font-size:1.2rem} */
@media (min-width: 1200px) {  
	.myHeader{
		height:6.25rem;
		width:100%;
		background:#454545;
		position:fixed;
		z-index:1000;top:0;
	}
	.header-part1{
		width:20%; 
		float:left;
		height:100px;
	}
	.header-part2{
		width:70%;
		float: left;
	}
	.header-part3{
		width:10%;
		float:right;
		height:100px;
		text-align: center;
		line-height: 100px;
		color:#fff;
	}
	.header-part3 a{
		text-decoration: none;
	}
	.logo-img{
		float: right;
		margin-top:1.5rem;
	}
	.top-nav {
		padding-top: 2rem;
		font-size:1.4rem;
		list-style:none;
	}
	.top-nav li {
		float:left;
		list-style:none;
	}
	.top-nav li a {
		text-decoration:none;
		background:#454545;
		color:#fff;
		display:block;
		width:9rem;
		text-align:center;
	}
	.top-nav li a:hover {
		color:#ffae00;
	}
	.top-nav ul {
		list-style:none;
		display:none;
		width:9rem;
		padding:0;
		position:relative;
	}
	.top-nav li ul li ul {
		position:absolute;
		top:0;
		margin-left:20%;
	}
	.nav-in{
		margin-top:2.5rem;
	}
	.suspension{
		float:right;
		position: fixed;
		right:0;
		bottom:1.25rem; 
		width:6.25rem;
		height:12.5rem;
		z-index:1000;
	}
	.suspension-content{
		margin-bottom:0.625rem;
		width:6.25rem;
		height:6.25rem; 
		line-height: 6.25rem;
	}
	.suspension-content a{
		padding-left:0.75rem;
		display:block;
		text-decoration: none;
		color:#fff;
		background:#11416f;
		opacity: 0.5;
		border-radius:1rem;
	}
	.suspension-content a:hover{
		background:#ffac00;
		opacity: 1;
		border-radius:1rem;
	}
	.header-login{
		display: inline-block;
		margin-right:10%;
		color: #ffae00;
	}
}

@media (min-width: 768px) and (max-width: 1200px) { 
	.myHeader{
		height:5rem;
		width:100%;
		background:#454545;
		position:fixed;
		z-index:1000;
		top:0;
		
	}	
	.header-part1{
		width:15%; 
		float:left;
		height:100px;
	}
	.header-part2{
		width:75%;
		float: left;
	}
	.header-part3{
		width:10%;
		float:right;
		height:5rem;
		text-align: center;
		line-height: 5rem;
		color:#fff;
	}
	.header-part3 a{
		text-decoration: none;
	}
	.logo-img{
		margin-top:1.25rem;
		width:100%;
		
	}
	.top-nav {
		padding-top: 2rem;
		font-size:0.9rem;
		list-style:none;
	}
	.top-nav li {
		float:left;
		list-style:none;
	}
	.top-nav li a {
		text-decoration:none;
		background:#454545;
		color:#fff;
		display:inline-block;
		width:6rem;
		text-align:center;
		margin-left:-2.5rem;
	}
	.top-nav li a:hover {
		color:#ffae00;
	}
	.top-nav ul {
		list-style:none;
		display:none;
		width:6rem;
		padding:0;
		position:relative;
	}
	.top-nav li ul li ul {
		position:absolute;
		top:0;
	}
	.nav-in{
		margin-top:2rem;
	}
	.suspension{
		float:right;
		position: fixed;
		right:0;
		bottom:1.25rem; 
		width:5rem;
		height:12.5rem;
		z-index:1111100;
		font-size:0.75rem;
	}
	.suspension-content{
		margin-bottom:0.625rem;
		width:5rem;
		height:5rem; 
		line-height: 5rem;
	}
	.suspension-content a{
		padding-left:1rem;
		display:block;
		text-decoration: none;
		color:#fff;
		background:#11416f;
		opacity: 0.5;
		border-radius:1rem;
	}
	.suspension-content a:hover{
		background:#ffac00;
		opacity: 1;
		border-radius:1rem;
	}
	.header-login{
		font-size: 0.75rem;
		display: inline-block;
		margin-right:10%;
		color: #ffae00;
	}
 }
@media (max-width: 767px) { 	
	.myHeader{
		height:4rem;
		width:100%;
		background:#454545;
		position:fixed;
		z-index:1000;top:0;
	}
	.header-part1{
		width:15%; 
		float:left;
		height:100px;
	}
	.header-part2{
		width:65%;
		float: left;
		padding-left:1.25rem;
		
	}
	.header-part3{
		width:15%;
		float:right;
		height:4rem;
		text-align: center;
		line-height: 4rem;
		color:#fff;
	}
	.header-part3 a{
		text-decoration: none;
	}
	.logo-img{
		margin-top:1.25rem;
		width:100%;
		
	}
	.top-nav {
		padding-top: 0.9rem;
		font-size:0.75rem;
		list-style:none;
	}
	.aaa{
		display: inline-block;
		width:2rem!important;
		margin-left:-1rem!important;
		color:#fff!important;
	}
	.first{margin-top:0.7rem!important;padding-right:0.5rem!important;}
	.top-nav li {
		float:left;
		list-style:none;
		margin-left: 0.05rem;
	}
	.top-nav li a {
		text-decoration:none;
		background:#454545;
		color:#fff;
		display:inline-block;
		width:6rem;
		text-align:center;
		margin-left:-2.5rem;
	}
	.top-nav li a:hover {
		color:#ffae00;
	}
	.top-nav ul {
		list-style:none;
		display:none;
		width:6rem;
		padding:0;
		position:relative;
	}
	.top-nav li ul li ul {
		position:absolute;
		top:0;
	}
	.nav-in{
		margin-top:2rem;
	}
	.suspension{
		float:right;
		position: fixed;
		right:0;
		bottom:1.25rem; 
		width:5rem;
		height:12.5rem;
		z-index:1111100;
		font-size:0.75rem;
	}
	.suspension-content{
		margin-bottom:0.625rem;
		width:5rem;
		height:5rem; 
		line-height: 5rem;
	}
	.suspension-content a{
		padding-left:1rem;
		display:block;
		text-decoration: none;
		color:#fff;
		background:#11416f;
		opacity: 0.5;
		border-radius:1rem;
	}
	.suspension-content a:hover{
		background:#ffac00;
		opacity: 1;
		border-radius:1rem;
	}
	.header-login{
		font-size: 0.75rem;
		display: inline-block;
		/* margin-right:10%; */
		color: #ffae00;
	}
}
@media (max-width: 480px) { }